<%-- 
    Document   : index
    Created on : 26/02/2013, 05:05:30 PM
    Author     : Alejandro
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css/html5reset-1.6.1.css">
        <link rel="stylesheet" type="text/css" href="css/blitzer/jquery-ui-1.10.1.custom.css">
        <link rel="stylesheet" type="text/css" href="css/style.css">
        <script src="js/jquery-1.9.1.js"></script>
        <script src="js/jquery-ui-1.10.1.custom.min.js"></script>
        <script src="js/js_indx2.js"></script>
    </head>
    <body>
        <header>
            <img class="divisionSubredes" src="Imagenes/logo_divisionSInUnos.jpg" width="300">
            <a class="logout" href="logout.jsp">Salir</a>
        </header>
        <div id="barraAcordion">
            <!-- Opciones -->
            <div class="acordionable">
                <h3>Contenido</h3>
                <div>
                    <ul>
                        <a href="#" id="Definiciones">0. Definiciones</a></br>
                        <a href="#" id="principiosDs">1. Principios de DS</a></br>
                        <a href="#" id="DSdelTamañoAdecuado">2. DS del tamaño adecuado</a></br>
                        <a href="#" id="SubdivisionDeUnaSubred">3. Subdivisión de una subred</a></br>
                    </ul>
                </div>
                <h3>Actividades</h3>
                <div>
                    <ul>
                        <a href="#" id="Diagnostico">Examen diagnostico</a></br>
                        <a href="#" id="cuestionario1">Actividad 1</a></br>
                        <a href="#" id="cuestionario2">Actividad 2</a></br>
                    </ul>
                </div>
                <h3>Evaluación</h3>
                <div>
                    <ul>
                        <a href="#" id="ExamenFinal">Examen Final</a>
                    </ul>
                </div>
            </div>
        </div>
        <div id="contenedor"><!-- texto -->
            <div id="contenidoDefault">
                        <h1>Objetivo</h1></br>
                        <p>Proporcionar una herramienta para reforzar el aprendizaje en el tema "División de subredes",
                            a los alumnos la Universidad Tecnológica del Sur de Sonora, de la carrera de 
                            Tecnologías de la Información y comunicación. El usuario será capaz de crear subredes, mediante el uso de VLSM.</p>
                        <img src="Imagenes/divisonSubredesIndex2.gif" width="600">
            </div>
            
        </div>
    </body>
</html>